<template>
  <div>
    <toplogo v-show="ishowtoplogo"></toplogo>
    <topbar v-show="ishowtopbar"></topbar>
    <floatlogo></floatlogo>
    <router-view></router-view>
    <Buttombar v-show="ishowbuttom"></Buttombar>
  </div>
</template>

<script>
// import Vue from 'vue'
import {mapState} from 'vuex'
import Buttombar from './components/Buttombar'
import Floatlogo from './components/Floatlogo'
import Toplogo from './components/Toplogo.vue'
import Topbar from './views/Films/Topbar.vue'
// Vue.component('Buttombar', Buttombar)

export default {
  data () {
    return {

    }
  },
  computed:{
    ...mapState('Showhidebar',['ishowtoplogo','ishowtopbar','ishowbuttom'])
  },
  mounted(){
      // console.log(mapState('Showhidebar',['ishowtoplogo']))
  },
  components: {
    Floatlogo,
    Toplogo,
    Topbar,
    Buttombar

  }
}
</script>
<style lang="scss">
*{
  margin: 0;
  padding: 0;
}
a,section,h5{
  display: block;
}
::-webkit-scrollbar {
    height: 0!important;
}
html {
    font-size: 50px;
}
img {
    width: 100%;
    border: 0;
}
button, select {
    text-transform: none;
}
button, input {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
// ::-webkit-scrollbar {
//     display:none
// }
button {
    appearance: auto;
    // -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}
h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
a {
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
}
a, div {
    -webkit-tap-highlight-color: transparent;
}
.van-list__finished-text {
      margin-bottom: 45px;
}
div{
  display: block;
}
body{
  user-select: none;
  font-family: Microsoft YaHei,Tahoma,Helvetica,Arial,sans-serif;
  margin: 0;
  overflow-x: hidden !important;
  // background-color: #f4f4f4;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  font: 14px/1.5 Arial,Helvetica,sans-serif;
}

.van-list__loading{
  color: #bdc0c5;
  background-color: #ededed;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
</style>
